<template>
  <div>
    <el-card class="box-card">

      <!--审批 打印 取消申请-->
      <el-card class="box-card">
        <el-form style="width:1300px;">

          <el-row style="border: 1px solid red">
            <el-col :span="10" style="background-color: #DFDFDF">
              <el-form-item label="申请人" label-width="70px">
                <el-input :disabled="true"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8" style="background-color: red"></el-col>
            <el-col :span="6" style="background-color: #DFDFDF">
              <el-button type="primary">审批</el-button>
              <el-button type="danger">取消此申请</el-button>
              <el-button type="success">打印</el-button>
            </el-col>
          </el-row>

        </el-form>
      </el-card>

      <!--基本信息  需求方 紧急程度-->
      <!--申请物资明细-->
      <el-card class="box-card"></el-card>

      <el-dialog
        width="40%"
        :visible.sync="dialogVisible">
        <div style="height: 360px;">
          <span class="title">审批申请</span>
        </div>
        <span slot="footer" class="dialog-footer">
        <el-button type="primary" class="btn_submit">添加</el-button>
        <el-button @click="dialogVisible = false">取 消</el-button>
    </span>
      </el-dialog>

    </el-card>
  </div>
</template>
<script>
  export default {
    name: 'ApplyFor',
    data() {
      return {
        dialogVisible: false,
        applyForInfo: '',
      }
    },
    methods: {
      //获取申请页面的申请编号
      getParams() {
        this.applyForInfo = this.$route.query.applyForInfo;
        console.log(this.applyForInfo)
      },
    },
    watch: {
      '$route':
        'getParams'
    },
    created() {
      this.getParams()
    }
  }
</script>

